<{include file='header.html'}>
<style type="text/css">
    .product-list-item {
        width: 155px;
        height: 175px;
        margin: 5px 15px 5px 10px;
        float: left;
    }
    
    li .product-img {
        border: 2px solid #123456;
        padding: 2px;
        width: 120px;
        height: 120px;
    }
    
    li.product-desc {
        width: 100%;
        text-align: center;
        margin-top: 5px;
    } #login-panel input {
        width: 150px;
    } #login-panel .col1 {
        width: 80px;
        text-align: right;
        color: #00699B;
        font-weight: bold;
    }
</style>
<script type="text/javascript">
    $(document).ready(function(){
        $('#login-panel').gzoolWindow({
            width: '300',
            height: '180'
        });
        $('.product-list-item').gzoolWindow({
            width: '155',
            height: '175'
        });
        $(".btnWhite").hover(function(){
            $(this).removeClass("btnWhiteUnslt").addClass("btnWhiteSlt");
        }, function(){
            $(this).removeClass("btnWhiteSlt").addClass("btnWhiteUnslt");
        });
        loadSwfObject();
    });
    
    function loadSwfObject(){
        var flashvars = {
            bcastr_xml_url: 'productlist.xml',
            bcastr_config: '0xffffff:文字颜色|2:文字位置|0x0066ff:文字背景颜色|50:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|3:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口'
        };
        var params = {
            //     play
            //     loop
            //     menu
            quality: 'high',
            //scale: 'noscale',
            salign: 'TL',
            wmode: 'transparent'
            //     bgcolor
            //     base
            //     swliveconnect
            //     flashvars: 'bcastr_xml_url=productlist.xml'
            //     devicefont 
            //     allowscriptaccess
            //     seamlesstabbing 
            //     allowfullscreen 
            //     allownetworking 
        };
        var attributes = {};
        swfobject.embedSWF("<{$rootpath}>resource/swf/bcastr3.swf", "product-slider-swf", "400", "400", "9.0.0", "<{$rootpath}>resource/img/expressInstall.swf", flashvars, params, attributes);
    }
</script>
<div style="">
    <div id="login-panel" style="float:left; margin:5px; width:300px; line-height:30px;">
        <table>
            <tr>
                <td colspan="2">
                    <h2 style="text-align:center;">客户登录</h2>
                </td>
            </tr>
            <tr>
                <td class="col1">
                    用户名:&nbsp;&nbsp;&nbsp;
                </td>
                <td class="col2">
                    <input type="text" />
                </td>
            </tr>
            <tr>
                <td class="col1">
                    密　码:&nbsp;&nbsp;&nbsp;
                </td>
                <td class="col2">
                    <input type="password" />
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align:center;padding-top:10px;">
                    <div class="btnWhite btnWhiteUnslt">
                        <a href="#">登　录</a>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div style="width:580px; float:right;">
        <div id="product-slider" style="width:550px; float:right;margin: 5px 10px 0 5px;">
            <div class="purple-panel-header">
                <div class="purple-panel-header-body">
                    <span style="margin-left:10px; font-weight:bold;">最新产品</span>
                </div>
            </div>
            <div class="purple-panel-body">
                <div id="product-slider-swf">
                    <h1>Alternative content</h1>
                    <p>
                        <a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a>
                    </p>
                </div>
            </div>
        </div>
        <div id="company-news" style="width:550px; float:right; margin: 5px 10px 0 5px;">
            <div class="blue-panel-header">
                <div class="blue-panel-header-body">
                    <span style="margin-left:10px; font-weight:bold;">企业新闻</span>
                </div>
            </div>
            <div class="blue-panel-body">
                <ul class="liStyle14">
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="product-description" style="width:550px; float:right; margin: 5px 10px 0 5px;">
            <div class="silver-panel-header">
                <div class="silver-panel-header-body">
                    <span style="margin-left:10px; font-weight:bold;">产品介绍</span>
                </div>
            </div>
            <div class="silver-panel-body">
                <ul class="liStyle14">
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                    <li>
                        [分类] <a target="_blank" href="#">产品质量调查</a>
                        <a target="_blank" href="#">xxx产品产品产品产品</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear">
    </div>
    <div style="width:98%; margin: 5px 5px 10px 8px;">
        <div class="orange-panel-header">
            <div class="orange-panel-header-body">
                <span style="margin-left:10px; font-weight:bold;">推荐产品</span>
            </div>
        </div>
        <div class="orange-panel-body">
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200862846282985.jpg"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200871848561517.JPG"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200871848233581.JPG"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200862846270797.jpg"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200862846282985.jpg"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200871848561517.JPG"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200871848233581.JPG"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200862846270797.jpg"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200862846282985.jpg"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200871848561517.JPG"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200871848233581.JPG"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
            <div class="product-list-item">
                <ul>
                    <li>
                        <img class="product-img" src="<{$rootpath}>resource/img/products/200862846270797.jpg"/>
                    </li>
                    <li class="product-desc">
                        <a>面料</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<{include file='footer.html'}>